<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>旅游评论情感分析系统</title>
    <link href="https://cdn.bootcss.com/semantic-ui/2.3.1/semantic.min.css" rel="stylesheet">
</head>

<body>
    <div class="ui two padded column grid">
        <div class="column">
            <div class="ui three column padded grid">
                <div class="teal column">
                    <i class="massive comments icon"></i>
                </div>
                <div class="teal center aligned column" style="font-size: 48px">
                    </br>
                    </br>旅游评论情感分析系统</div>
                <div class="teal column"></div>
            </div>
        </div>
    </div>
    <div class="ui two column centered grid">
        <div class="ui column form" id="form">
            <div class="field">
                <div class="ui form">
                    <div class="field">
                        <label>
                            <i class="keyboard icon"></i> 请输入评论内容</i>
                        </label>
                        <textarea id="comment" placeholder="请在此处输入评论内容，多条评论使用换行分开。"></textarea>
                    </div>
                </div>
            </div>
            <button class="ui button" type="submit" id="submit">提交</button>
        </div>
    </div>
    <div class="ui two column centered grid">
        <div class="row" style="font-size: 36px">分析结果</div>
        <div class="ui column">
            <table class="ui celled table">
                <thead>
                    <tr>
                        <th><i class="tag icon"></i> 主题</th>
                        <th><i class="thumbs outline up icon"></i> 正面</th>
                        <th><i class="thumbs outline down icon"></i> 负面</th>
                        <th><i class="area chart icon"></i> Total</th>
                    </tr>
                </thead>
                <tbody>
                    <tr id="1">
                        <td><i class="building icon"></i> 宾馆饭店</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="2">
                        <td><i class="map pin icon"></i> 城市概况</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="3">
                        <td><i class="home icon"></i> 地方文化</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="4">
                        <td><i class="add to cart icon"></i> 购物美食</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="5">
                        <td><i class="taxi icon"></i> 交通指引</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="6">
                        <td><i class="fax icon"></i> 旅游服务</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="7">
                        <td><i class="university icon"></i> 旅游景点</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="8">
                        <td><i class="coffee icon"></i> 休闲娱乐</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="9">
                        <td><i class="area chart icon"></i> Total</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="ui equal width center aligned padded grid">
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="teal row">
            <!-- <div class="teal column">旅游评论情感分析系统</div> -->
        </div>
        <div class="teal row"></div>
        <div class="teal row"></div>
        <div class="teal row"></div>
    </div>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/semantic-ui/2.3.1/semantic.min.js"></script>
    <script src="main.js"></script>
</body>

</html>